<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台管理系统</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="wrapper">
        <input type="checkbox" id="cbBars">
        <div class="sidebar">         
            <ul>
                <li>
                    <a href="#">
                        <img src="../mylogo.png" alt="头像" >
                        <span>欢迎你管理员</span>
                    </a>
                </li>
                <li  >
                    <a class="active" href="#">
                        <i class="fa fa-home"></i>
                        <span>主页</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-sitemap"></i>
                        <span>商品列表</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-user"></i>
                        <span>用户管理</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-home"></i>
                        <span>订单管理</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-cog"></i>
                        <span>设置</span>
                    </a>
                </li>
            </ul>                  
        </div>
        <div class="main">
            <label for="cbBars"><i class="fa fa-bars bars"></i></label>
        </div>
        
    </div>

</body>
</html>